<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">   
    <title>首页</title>
    <!--<link rel="icon" href="favicon.ico" type="image/x-icon" />-->
    <!--<script src="js/mui.min.js"></script>-->
    <!--<link href="css/mui.min.css" rel="stylesheet"/>-->
	<link rel="stylesheet" href="//cdn.bootcss.com/mdui/0.3.0/css/mdui.min.css">
	<script src="//cdn.bootcss.com/mdui/0.3.0/js/mdui.min.js"></script>
    <link href="css/swiper.min.css" rel="stylesheet"/>
    <link href="css/public.css" rel="stylesheet"/>
	<link href="css/main.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/mobile-util.js"></script>
    <!--<script src="js/jquery-latest.pack.js" type="text/javascript"></script>-->
	<!--<script src="js/jcarousellite_1.0.1c4.js" type="text/javascript"></script>-->
    <!--<script src="js/layer/layer.js"></script>-->
    <!--<script type="text/javascript" charset="utf-8">-->
      	<!--mui.init();-->
    <!--</script>-->

</head>
<body >

<header class="mui-bar mui-bar-nav indexheader flex">
	<div class="headerlogo">
		<img src="img/logo.gif" alt="logo">
	</div>

	<div class="headertitle">
		<form>
			<input type="text" placeholder="搜索您所需要的商家" class="seachtext">
			<input type="submit" class="seachbtn" value="" />
		</form>

	</div>

	<div class="headerright">
		<img src="img/scode.png" alt="扫一扫">
	</div>

</header>

	<div class="header-box">
	
		<!--图片轮播-->

		<div class="swiper-container carouselbox">
			<div class="swiper-wrapper">

				<div class="swiper-slide">
					<img src="img/banner1.gif">
				</div>
				<div class="swiper-slide">
					<img src="img/banner2.png">
				</div>

			</div>

			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			<!-- Add Arrows -->
		</div>


            <!--图片轮播end-->
		
	</div>

<input type="text" value="" id="undefined-PortraitDialog-undefined-24312" style="padding: 0px; position: relative; width: 100%; border: none; outline: none; background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.87); cursor: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; opacity: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 100%;">

	<div class="indexconnect">

		<div class="indexnews">
			<div class="flex">
				<div class="newslogo">
					<img src="img/indexnews.gif">
				</div>

				<div class="newsbox">
					<ul>
						<li>
							<a href="javascript:void(0)">
								<img src="img/hot.gif" class="hot">
								a的萨芬 是打发打发似的
							</a>
						</li>

						<li>
							<a href="javascript:void(0)">
								<img src="img/hot1.gif" class="hot">
								a的萨芬 是打发打发似的
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>


		<div class="indexlist">

			<ul class="mdui-list">
				<li class="mdui-list-item ">
					<div class="listleft">
						<img src="img/shop.gif"/>
					</div>
					<div class="mdui-list-item-content listbox">
						<div class="listttop flex">
							<p class="listtitle">洗脚一号店</p>
							<p class="listadd">20.9km</p>
						</div>

						<div class="listinfo">
							环境优美 技术精湛 用心服务
						</div>

						<div class="evaluate active">
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
						</div>

						<div class="statebox">
							<div class="statenum">
								已有<span>2888</span>人消费
							</div>
							<div class="stateprice">
								<span>&yen</span>
								<span class="fo-9">122</span>
							</div>
						</div>
					</div>
				</li>


				<li class="mdui-list-item ">
					<div class="listleft">
						<img src="img/shop.gif"/>
					</div>
					<div class="mdui-list-item-content listbox">
						<div class="listttop flex">
							<p class="listtitle">洗脚一号店</p>
							<p class="listadd">20.9km</p>
						</div>

						<div class="listinfo">
							环境优美 技术精湛 用心服务
						</div>

						<div class="evaluate active">
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
						</div>

						<div class="statebox">
							<div class="statenum">
								已有<span>2888</span>人消费
							</div>
							<div class="stateprice">
								<span>&yen</span>
								<span class="fo-9">122</span>
							</div>
						</div>
					</div>
				</li>


				<li class="mdui-list-item ">
					<div class="listleft">
						<img src="img/shop.gif"/>
					</div>
					<div class="mdui-list-item-content listbox">
						<div class="listttop flex">
							<p class="listtitle">洗脚一号店</p>
							<p class="listadd">20.9km</p>
						</div>

						<div class="listinfo">
							环境优美 技术精湛 用心服务
						</div>

						<div class="evaluate active">
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
							<i class="iconfont active star">&#xe60b;</i>
						</div>

						<div class="statebox">
							<div class="statenum">
								已有<span>2888</span>人消费
							</div>
							<div class="stateprice">
								<span>&yen</span>
								<span class="fo-9">122</span>
							</div>
						</div>
					</div>
				</li>

			</ul>

		</div>

	</div>
	



	
	
</body>


<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000,
        loop: true,
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        }
    });
	
	
	$(function () {
		
	})
	
	
	
</script>


</html>
